<!DOCTYPE html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8"/>
    <title>厅干部平时考核管理系统</title>
    <link rel="stylesheet" type="text/css" href="<c:url value='/resource/jxkh/css/main.css'/>"/>
    <script type="text/javascript" src="<c:url value='/resource/jxkh/js/jquery-1.11.0.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/resource/jxkh/js/echarts.min.js'/>"></script>
</head>
<body>
<div class="njga" style="overflow: auto;">
    <div class="bmkhcp" id="index_main" style="background: #fff;overflow: hidden;">
        <div class="bmkhcp_row">
            <div class="bmkhcp_lf" style="width: 100%; height: 100%;">
                <div id="zxt" style="width: 100%;height:500px;"></div>
            </div>
        </div>

    </div>
</div>

<!--折线图结束-->
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('zxt'));
    option = {
        title: {
            text: '个人年度成绩走势图'
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data:['2015年','2016年','2017年']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name:'2015年',
                type:'line',
                stack: '成绩',
                data:[70, 88, 92, 78, 95, 90, 98,81,92,97,100,96]
            },
            {
                name:'2016年',
                type:'line',
                stack: '成绩',
                data:[82, 90, 94, 85, 90, 90, 100,84,78,100,92,100]
            },
            {
                name:'2017年',
                type:'line',
                stack: '成绩',
                data:[84, 92, 92, 90, 93, 90, 100,95,87,95,89,100]
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>
</body>

</html>